/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑"; color:#5d5d5d; font-size:13px}
img{ border:none}
h1,h2,h3{ font-weight:normal}
body{ width:100%;}
li{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline; color:#c4161c; cursor:pointer}
.zong_width{ width:1000px; margin:0 auto;}
input{outline:none;}
.leftt{ float:left; }
.rightt{ float:right;}
.clearfix:after {content: "." ;display: block ;height: 0 ;clear: both ;visibility: hidden ;}
.clearfix{ display: inline-block; }
/* Hides from IE-mac \*/*html .clearfix{ height:1%; }.clearfix{ display:block; }/* End hide from IE-mac \}*/

.body{width:100%; position:absolute;top:0; left:0;/* background:url(/Public/Special/Img/Invitefriends/yao-bj.png) center no-repeat;background-size:cover; background:none;*/}
.tal-1{width:84%; position:absolute; top:49%; left:5%; height:6%; background:rgba(228,47,52,0.5); border-radius:5px; color:#fff; font-size:20px; line-height:33px; text-align:center; padding:2% 3%;}
.tal-2{width:100%; position:absolute; top:55%; left:0%; height:24%;}
.tal-3{ width:54%; height:16%; position:absolute; top:64%; left:23%;}
.dw{position:absolute; top:0;left:0;}
.dw-1{position:absolute; top:0;left:0; margin-top:6%;}
.dw2{position:absolute; bottom:0;left:0;}
.an{width:51%; height:67%; position:absolute; top:15%; left:26%;}
.an-n{ width:100%; height:36%;}
.an-n-1{ width:100%; height:36%;}
.an-1{width:17%; height:80%; position:absolute; top:11%; left:14%; background:url(/Public/Special/Img/Invitefriends/yao-an3.png) no-repeat; background-size:contain;}
.an-2{width:7%; height:11%; position:absolute; top:0; left:14%;}
.an-3{width:9%; height:11%; position:absolute; bottom:0; right:13%;}
.shuru{ border:none; width:100%; height:40%; background:#f8dbdb; border-radius:5px; position:absolute; top:0; left:0; text-indent:2em;}
.shuru-1{ width:100%; height:40%; background:url(/Public/Special/Img/Invitefriends/input-1.png) center no-repeat; position:absolute; bottom:0; left:0; background-size:cover;}

.fg{  background:url(/Public/Special/Img/Invitefriends/yao-bj-1-tan.png) center no-repeat; position:absolute; top:17%; right:9%; width:13%; height:15%; background-size:contain;	
}
@media (min-width:320px) and (max-width:400px) {
	.wenzi span{font-size:16px; color:#fff;}
	.wenzi li,.wenz{font-size:16px; color:#000;}
	.wenzi li{ margin-bottom:1%; color:#fff;}
	.gg{ font-size:16px; font-weight:bold;}
	.gz,.gz span{font-size:14px; line-height:20px;}
		
}
@media (min-width:400px) and (max-width:500px) {
	.wenzi span{font-size:20px; color:#fff;}
	.wenzi li,.wenz{font-size:20px; color:#000;}
	.wenzi li{ margin-bottom:1%; color:#fff;}
	.gg{ font-size:20px; font-weight:bold;}
	.gz,.gz span{font-size:16px; line-height:20px;}
}
@media (min-width:500px) and (max-width:600px) {
	.wenzi span{font-size:22px; color:#fff;}
	.wenzi li,.wenz{font-size:22px; color:#000;}
	.wenzi li{ margin-bottom:1%; color:#fff;}
	.gg{ font-size:20px; font-weight:bold;}
	.gz,.gz span{font-size:16px; line-height:20px;}	
}
@media (min-width:600px) and (max-width:700px) {
	.wenzi span{font-size:24px; color:#fff;}
	.wenzi li,.wenz{font-size:24px; color:#000;}
	.wenzi li{ margin-bottom:1%; color:#fff;}
	.gg{ font-size:20px; font-weight:bold;}
	.gz,.gz span{font-size:16px; line-height:20px;}	
}
@media (min-width:700px) and (max-width:800px) {
	.wenzi span{font-size:26px; color:#fff;}
	.wenzi li,.wenz{font-size:26px; color:#000;}
	.wenzi li{ margin-bottom:2%; color:#fff;}
		
}
@media (min-width:800px) and (max-width:900px) {
	.wenzi span{font-size:28px; color:#fff;}
	.wenzi li,.wenz{font-size:28px; color:#000;}
	.wenzi li{ margin-bottom:3%; color:#fff;}

}
@media (min-width:900px) and (max-width:1000px) {
	.wenzi span{font-size:30px; color:#fff;}
	.wenzi li,.wenz{font-size:30px; color:#000;}
	.wenzi li{ margin-bottom:3%; color:#fff;}
}
@media (min-width:1000px) and (max-width:1500px) {
	.wenzi span{font-size:45px; color:#fff;}
	.wenzi li,.wenz{font-size:45px; color:#000;}
	.wenzi li{ margin-bottom:2%; color:#fff;}
}
@media (min-width:1500px) {
	.wenzi span{font-size:100px; color:#fff;}
	.wenzi li,.wenz{font-size:100px; color:#000;}
	.wenzi li{ margin-bottom:2%; color:#fff;}
}
@media (min-width:700px) {
	.gg{ font-size:20px; color:#000; font-weight:bold;}
	.gz,.gz span{ font-size:16px; color:#000;}
}

.eye{ background:url(/Public/Special/Img/Wechat_login/kej.png) center no-repeat; background-size:contain; width:10%; height:40%; position:absolute; top:25%; right:5%;}
.suoz{ background:url(/Public/Special/Img/Wechat_login/jiam.png) center no-repeat; background-size:contain; width:10%; height:40%; position:absolute; top:25%; right:5%;}

.wenzi{ width:100%; height:9%; position:absolute; top:52%; left:0; text-align:center;}
.bei-c-j{position:absolute; top:0;left:0; width:100%; height:100%;}
.tou{width:21%; height:12%; position:absolute; top:38%; left:39%;}

.an-m{position:absolute; top:66%; left:; width:100%; text-align:center;}
.an-m li{ margin-bottom:1%; color:#fff;}

.guiz{width:100%;}
.guiz li{ color:#000; margin-bottom:2.5%;}




